iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
0
Modern Web

與WordPress的邂逅,像極了愛情!系列 第 27

會員管理網站實作篇 - (以律師諮詢平台為例子) part 1

  • 分享至 

  • xImage
  •  

前言

最後四篇篇幅我們以實作一個會員網站為例子,想做這個主題原因在於會員網站在 WP 中算是個少見的實作項目,又或者說比較不是 WP 強項,我們會很常聽到 WP 拿來做形象官網、一頁金流、或是 Woocommerce 金流往,卻鮮少聽到拿來做會員論壇等等,然而 WP 真的相對做不到會員管理嗎?這邊我們嘗試改變這種思維,以期能更了解 WP的強大之處。

大綱

  • sitemap 架構
  • 網頁期望功能與邏輯
  • 加入 User Role Editor plugin 了解權限
  • 實作律師卡片呈現頁
  • 加入 Ultimate Member 實作

sitemap 架構

首先我們定義出整個網頁的 sitemap 架構,定義後我們能針對各個頁面與設計師進行討論設計,也一遍定義不同頁面該用哪頁 php,分配各頁面進行團隊合作開發,故這邊我們定義整個 sitemap 架構如下:

  • 首頁/律師卡片呈現頁
    • 網址頁:/members
    • 說明:律師卡片頁面,此頁呈現出所有驗證過的律師資訊,讓需求者能進行適當的律師挑選與聯絡。
  • 註冊頁面
    • 網址頁:/register
    • 說明:提供律師註冊時填入基本資訊,某些欄位為必填某些不必要是必填。
  • 登入頁面
    • 網址頁:/login
    • 說明:註冊完後能進行編輯,這頁相對單純。
  • 登出頁面
    • 網址頁:/logout
    • 說明:登出會員權限功能,這頁也相對單純。
  • 重置密碼頁面
    • 網址頁:/password-reset
    • 說明:針對會員密碼進行修改。

會員權限頁面部分
律師註冊成為會員後,將有權限編輯自己的頁面,故這邊有幾頁是會員能做的調整,算是會員的 CRUD ,包含:

  • 客製化會員編輯頁
    • 網址頁:post.php?post=id&action=edit
    • 說明:post.php 進行會員編輯頁的安排,post其後接會員ID,action選用edit代表編輯頁面,這頁是精華以及相對能客製化的頁面。
  • 會員呈現頁面
    • 網址頁: /user/user帳號/
    • 說明:會員能看的自己資訊並且做編輯等動作
  • 會員帳戶編輯頁面
    • 網址頁:/account/general/
    • 說明:編輯會員名稱、姓名、電郵
  • 會員密碼編輯頁面
    • 網址頁:/account/password/
    • 說明:和 password-reset.php 一樣是編輯密碼
  • 會員隱私設定編輯頁面
    • 網址頁:/account/privacy/
    • 說明:可以調整是否讓人看到自己會員簡介
  • 會員刪除帳號頁面
    • 網址頁:/account/delete/
    • 說明:輸入密碼刪除自己帳號

以上頁面我們先定義後,後續再逐一來各個擊破,那麼今天就先到這囉,下一集我們來正式處理這些頁面。


上一篇
了解 WordPress SMTP 外掛
下一篇
會員管理網站實作篇 - (以律師諮詢平台為例子) part 2
系列文
與WordPress的邂逅,像極了愛情!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言